{extend name="public:layout" /}

{block name="title"}首页{/block}

{block name="head"}
<link rel="stylesheet" href="/public/home/plugins/amazeui/css/index.css">
<style>
    .scl_dfa{text-align: left;font-size: 14px;}
    .scl_dfa  .quchu{margin: 0;  }
    .scl_dfa .yese{ color: #EF7747; font-weight: 700; }
    .cadff{margin: 0;height: 30px;line-height: 15px;text-align: left; font-size:16px; padding-left: 10px;}
    .cadff1{padding-left: 10px;margin: 0;line-height: 15px;text-align: left; font-size:16px; border:1px solid #ccc; border-left:0; border-right:0;}
</style>

{/block}

{block name="body"}

<header data-am-widget="header"
        class="am-header am-header-default" style="background: #fff;box-shadow:0px -13px 26px -2px; ">
    <div class="am-header-left am-header-nav" onclick="history.back(-1)">
        <span class="icon iconfont icon-xiangzuojiantou" style="color: #424242;font-size: 20px;"></span>
    </div>
    <h1 class="am-header-title" style="color:#424242;">
        通讯录
    </h1>
</header>

<!--主要内容-->
<div style="width: 100%;height: 70px;line-height:70px;background: #eee;">
    <div class="am-g am-g-fixed" style="height: 70px;">
        <div class="am-u-sm-10">
            <div class="am-form-group" style="height: 60px;line-height: 60px;position: absolute;width: 100%;">
                <input type="text" class="" id="doc-ipt-pwd-1" placeholder="输入关键字搜索"
                       style="margin-top: 5px;
               height: 40px;
               outline: none;
               width: 100%;
               padding-left: 40px;
               border-radius: 20px;
               border: 1px solid #ddd;
               ">
                <span class="icon iconfont icon-search" style="position: relative;left: 17px;z-index: 99;float: left; top: -53px;"></span>
            </div>
        </div>
        <div class="am-u-sm-2" style="padding: 0;">
            <div style="    float: right;width: 53px;line-height: 65px;text-align: center;margin-top: -4px;">
                <i class="icon iconfont icon-loudou"></i>
                <p style=" margin: 0;margin-top: -50px; height:40px; font-size: 14px;color: #A7A7A7;">
                <a href="#doc-oc-demo1" data-am-offcanvas >筛选</a></p>
                <div id="doc-oc-demo1" class="am-offcanvas">
                  <div class="am-offcanvas-bar" style="background:#fff; width: 80%">
                    <div class="am-offcanvas-content" style="padding:10px 0;">
                      <p class="cadff">筛选</p>
                      <div class="cadff1">
                          <span style="line-height: 30px;">查看范围</span>
                          <div style="margin:15px 0;"> <span style="border:1px solid #ccc; border-radius:5px; padding:1px 15px; margin:5px 0; ">我的</span></div>
                      </div>
                      <div class="cadff" style="height:40px;">
                        <div class="am-g">
                        <div class="am-u-sm-8"  style="padding-left: 10px; text-align: left;line-height: 40px;">
                            <span class="" style="color: #9AB9E5;padding-left: 10px; "></span>
                           合同名称
                        </div>
                        <div class="am-u-sm-2" style="padding-left: 10px; text-align: left;line-height: 40px;">
                            <span class="icon iconfont icon-jiantouyou"></span>
                        </div>
                        </div>
                      </div>
                        <div class="cadff1">
                          <span style="line-height: 30px;">查看范围</span>
                          <div style=" margin:15px 0;"> <span style="border:1px solid #ccc; border-radius:5px; padding:1px 15px; margin:5px 0; ">我的</span>-- <span style="border:1px solid #ccc; border-radius:5px; padding:1px 15px; margin:5px 0; ">我的</span></div>
                      </div>
                       <div class="cadff" style="height:40px;">
                        <div class="am-g">
                        <div class="am-u-sm-9" >
                            <span class="" style="color: #9AB9E5;line-height: 40px;"></span>
                           付款方式
                        </div>
                        <div class="am-u-sm-2" style="line-height: 40px;" >
                            <span class="icon iconfont icon-jiantouyou"></span>
                        </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
            </div>
        </div>
    </div>
</div>

<a href="{:url('home/caiwu/huikauanbj')}">
    <div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-1 am-u-lg-4">
        <span class="am-show-md-down" style="    margin-top: 35px;"><img class="am-circle" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="20" height="20" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-11 am-u-lg-4 scl_dfa" >
        <span class="quchu" >2017-11-24</span> <span>合同名称</span>
        <p  class="quchu" >回款金额：<span>100</span></p>
        <p  class="quchu" >回款归属：人<span>苏晨珑</span></p>
        <p  class="quchu" >回款方式：<span>现金</span></p>
    </div>
</div>
</a>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-1 am-u-lg-4">
        <span class="am-show-md-down" style="    margin-top: 35px;"><img class="am-circle" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="20" height="20" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-11 am-u-lg-4 scl_dfa" >
        <span class="quchu" >2017-11-24</span> <span>合同名称</span>
        <p  class="quchu" >回款金额<span>100</span></p>
        <p  class="quchu" >回款归属人<span>苏晨珑</span></p>
        <p  class="quchu" >回款方式<span>现金</span></p>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-1 am-u-lg-4">
        <span class="am-show-md-down" style="    margin-top: 35px;"><img class="am-circle" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="20" height="20" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">

        </span>
    </div>
    <div class="am-u-sm-11 am-u-lg-4 scl_dfa" >
        <span class="quchu" >2017-11-24</span> <span>合同名称</span>
        <p  class="quchu" >回款金额<span>100</span></p>
        <p  class="quchu" >回款归属人<span>苏晨珑</span></p>
        <p  class="quchu" >回款方式<span>现金</span></p>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-1 am-u-lg-4">
        <span class="am-show-md-down" style="    margin-top: 35px;"><img class="am-circle" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="20" height="20" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">
        </span>
    </div>
    <div class="am-u-sm-11 am-u-lg-4 scl_dfa" >
        <span class="quchu" >2017-11-24</span> <span>合同名称</span>
        <p  class="quchu" >回款金额<span>100</span></p>
        <p  class="quchu" >回款归属人<span>苏晨珑</span></p>
        <p  class="quchu" >回款方式<span>现金</span></p>
    </div>
</div>
<div class="am-g" style="padding: 10px 0;text-align: center;">
    <div class="am-u-sm-1 am-u-lg-4">
        <span class="am-show-md-down" style="    margin-top: 35px;"><img class="am-circle" src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg?imageView/1/w/1000/h/1000/q/80" width="20" height="20" style="background-color: #ccc;"/></span>
        <span class="am-show-lg-only">
        </span>
    </div>
    <div class="am-u-sm-11 am-u-lg-4 scl_dfa" >
        <span class="quchu" >2017-11-24</span> <span>合同名称</span>
        <p  class="quchu" >回款金额<span>100</span></p>
        <p  class="quchu" >回款归属人<span>苏晨珑</span></p>
        <p  class="quchu" >回款方式<span>现金</span></p>
    </div>
</div>
<!--底部-->
<!--底部-->
{include file="public/foot"/}
{/block}

{block name="script"}



{/block}
